import React, {PureComponent} from 'react'
import China from '../component/chart/china'
import World from '../component/chart/world'
import {connect} from 'react-redux'
import '../../css/pay.scss'
import {getWorldOrder, getChinaLine} from '../action/map.action'
class Pay extends PureComponent {
    componentDidMount() {
        const {dispatch} = this.props
        dispatch(getWorldOrder())
        dispatch(getChinaLine())
    }

    render() {
        return (
            <div>
                <div className="full-container">
                    <p className="pay-text">快速、及时、准确的全球交付</p>
                    <div className="pay-china">
                        <China/>
                    </div>
                    <div className="pay-world">
                        <World/>
                    </div>
                </div>
            </div>
        )
    }

}

function mapStoreToProps({}) {
    return {}
}

export default connect(mapStoreToProps)(Pay)